<template>
  <div>
    <div class="delTitle">
      提示
    </div>
    <div class="delCont">
      {{name}}
    </div>
    <div class="delope">
      <el-button size="medium" type="primary" @click="okClick">确认</el-button>
      <el-button size="medium" type="info" @click="canleClick">取消</el-button>
    </div>
  </div>
</template>
<script>
  import { mapActions } from "vuex";
  export default {
    props: ["name"],
    data() {
      return {};
    },
    created: function () { },
    mounted: function () { },
    watch: {},
    methods: {
      // 确认
      okClick() {
        this.$emit("ok", "1");
      },
      // 取消
      canleClick() {
        this.$emit("canle", "2");
      },
      ...mapActions([""])
    }
  };
</script>
<style scoped>
  .delTitle {
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
  }

  .delCont {
    font-size: 15px;
    text-align: center;
    margin: 24px 0 25px 0;
    width: 100%;
    height: 25px;
  }

  .delope {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .delope .el-button:nth-child(1) {
    margin-right: 30px;
  }

  .delope .el-button:nth-child(2) {
    margin-left: 30px;
  }
</style>